<template>
  <div>
    <van-nav-bar
      :z-index="999"
      :fixed="true"
      left-arrow
      @click-left="onClickLeft"
      :placeholder="true"
      title="支付流程"
    ></van-nav-bar>

    <!-- 内容 -->
    <div class="apply-notice">
      <div class="notice-header">
        <div>支付流程</div>
        <p>发布时间：2020-03-02</p>
      </div>
      <!-- 内容 -->
      <div class="notice-content" v-for="(item, index) in list" :key="index">
        <p>{{item.title}}</p>
        <div class="notice-list" v-for="(i, index1) in item.list" :key="index1">
          <p>{{index1+1}}.{{i.content}}</p>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "PayFlow",
  data() {
    return {
      list: [
        {
          title: "一、预存学费",
          list: [
            {
              content:
                "报名成功后，根据学员所报名驾校班型，预存相应学费。"
            },
          ]
        },
        {
          title: "二、学时扣减",
          list: [
            {
              content: "根据学员学习课时进度，从预存学费中扣减相应学时费用。"
            },
          ]
        },
        {
          title: "三、补缴费用",
          list: [
            {
              content:
                "当学员所学课时费用超出原“预存学费”时，可通过“学时补缴”补齐不足部分"
            },
          ]
        },
      ]
    };
  },
  methods: {
    onClickLeft() {
      this.$router.go(-1);
    }
  },
    created(){
    let dsBridge = require("dsbridge");
         dsBridge.call("goBack","", function() {
           history.go(-1);
         });
   },
};
</script>

<style>
</style>